<template>
	<div class="findpassword">
		<div class="findpasswordbox">
			<div class="toptitle">
				<div><Icon v-on:click="back" style="font-size:0.55rem;" type="ios-arrow-back"/></div>
				<div style="width:100%;text-align:center;"><span>找回密码</span></div>
			</div>
			<div class="findpasswordcon">
				<div style="margin-top:1.5rem;">
					<div class="inputbox">
						<ul>
							<li class="verificationCode">
								<input type="tel" placeholder="请输入手机号">
								<input type="button" style="color:#0f1529;background:none;" value="发送验证码"/>
							</li>
							<li><input type="number" placeholder="请输入短信验证码"/></li>
							<li><input type="password" style="width:100%;" placeholder="请输入新密码(最少8位,数字+字母)"/></li>
						</ul>
						<input type="submit" class="submitbtn" value="提交" />
					</div>
				</div>
				<div class="doxieyibox">
					<div class="text">
						<router-link style="color:#9ba3ab;font-size:0.15rem;" to="./login/xieyi">
							<span>注册/登录即代表同意</span>
							<samp style="text-decoration:underline;">《链家用户使用协议》</samp>
						</router-link>
					</div>
				</div>
				<div class="dibu"></div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'findpassword',
	  	data(){
		  	return{
		  		
		  	}
		},
		methods: {
			back(){
				this.$router.go(-1);
			}
		},
	}
</script>

<style scoped>
	*{
		margin: 0;
		padding: 0;
	}
	.findpasswordbox{
		width:7.5rem;
	}
	.findpasswordcon{
		width:6.9rem;
		margin:0.1rem 0.3rem 0.1rem 0.3rem;
	}
	.toptitle{
		width:7.5rem;
		height:0.8rem;
		line-height:0.8rem;
		background-color:white;
		position: fixed;
		top: 0rem;
		left: 0rem;
		padding-left:0.3rem;
		padding-right:0.3rem;
		display: flex;
		justify-content:space-between;
	}
	.inputbox ul{
		list-style:none;
		display:flex;
		flex-flow:column;
		margin-left:0.2rem;
	}
	.inputbox>ul li{
		width:6.5rem;
		height:0.8rem;
		display:flex;
		margin-bottom:0.3rem;
		border-bottom:1px solid #DCDCDC;
	}
	.inputbox input{
		outline:none;
		border-style:none;
	}
	.verificationCode{
		display:flex;
		justify-content:space-between;
	}
	.submitbtn{
		width:6.5rem;
		height:0.8rem;
		margin-left:0.2rem;
		margin-bottom:0.3rem;
		color:#f1f1f1;
		background-color:#1b996a;
	}
	.doxieyibox{
		position:fixed;
		left:0.3rem;
		bottom:1.2rem;
		width:6.5rem;
		display:flex;
		justify-content:center;
	}
	.dibu{
		width: 7.5rem;
		height:1.3rem;
		left: 0;
		bottom: 0;
		z-index:999;
		position: fixed;
		background:white;
	}
</style>
